Amplify Hosting のデフォルトドメインを無効化する方法を教えてください

Amplify Hosting のデフォルトドメインを無効化する方法を教えてください

Clock Icon2022.05.24

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

Here is the English version

困っていた内容

Amplfiy Hosting でカスタムドメインを使用しています。
アプリケーションへのアクセスをカスタムドメインからのアクセスのみにしたいので、デフォルトドメインである amplifyapp.com を無効化する方法を教えてください。

どう対応すればいいの?

Amplify Hosting のデフォルトドメインである amplifyapp.com は無効化できません。
代替案として、デフォルトドメインへのアクセス時にカスタムドメインへリダイレクトさせる方法をご検討ください。

AWS 公式ドキュメントより

リダイレクトを使用すると、ウェブサーバーで 1 つの URL から別の URL にナビゲーションを再ルートすることができます。

やってみた

Amplify Hosting のデフォルトドメインである amplifyapp.com からカスタムドメインへリダイレクトする方法をやってみます。
Amplify Hosting で利用するアプリケーションは CodeCommit に push してあります。
また、使用するカスタムドメインは an-makoto.site というドメインです。

まずはデフォルトドメインである amplifyapp.com でアプリにアクセスできることを確認します。
tpxvqzvvjfltqrkl2xzp

デフォルトドメインの URL でアプリにアクセスできました。
続いてカスタムドメインを登録します。

今回使用するドメインは AWS 外で取得したものを Route 53 のホストゾーンに登録しています。
2024-09-27_15h53_54

登録するとドメインの検証が始まるので、しばらく待ちます。
カスタムドメインの登録が完了したら、カスタムドメインでもアプリにアクセスできることを確認します。
2024-09-27_16h10_23

ohwckpe7awsdo3wwe0xk

カスタムドメインでもアプリにアクセスできました。
それではデフォルトドメインである amplifyapp.com からカスタムドメインである an-makoto.site へリダイレクトさせる設定を行います。

Amplify コンソールの左サイドバーから「リライトとリダイレクト」をクリックします。
2024-09-27_16h10_39

「リダイレクトを管理」をクリックします。
2024-09-27_16h10_51

以下のように設定します。

  • 送信元アドレス: デフォルトドメインの URL
  • ターゲットアドレス: カスタムドメインの URL
  • 入力: 301 (Redirect - Permanent)

2024-09-27_16h11_40

リダイレクトの設定後に、デフォルトドメインの URL にアクセスし、カスタムドメインの URL にリダイレクトすることを確認します。

$ curl https://main.d1lbshw0w1wpb0.amplifyapp.com -sLI | grep location
location: https://an-makoto.site/

なお、リダイレクトの設定は上から順に評価される点にご注意ください。

AWS 公式ドキュメントより

リダイレクトはリストの上部から下に適用されます。

参考資料

Share this article

facebook logohatena logotwitter logo

© Classmethod, Inc. All rights reserved.